.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: right;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 160px;
    padding: 0 30px;
    line-height: 120px;
    color: rgba(169,3,41, 0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(https://2.bp.blogspot.com/-iLoocvnEXUU/VGJI8XAb5SI/AAAAAAAAAI0/0qKdip2dMGg/s1600/6.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(http://1.bp.blogspot.com/-haR5tFTQ1bw/VGJI4e_UoQI/AAAAAAAAAIo/p280unCJ3Jk/s1600/5.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(http://2.bp.blogspot.com/-iLoocvnEXUU/VGJI8XAb5SI/AAAAAAAAAI0/0qKdip2dMGg/s1600/6.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(https://4.bp.blogspot.com/-g-muJhjq-hs/VGJIz0ofIWI/AAAAAAAAAIY/FCbT8BeGFHo/s1600/3.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(http://2.bp.blogspot.com/-Cep6tb51zj0/VGJIzu_MRJI/AAAAAAAAAIU/NXHrIINwfjk/s1600/2.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(http://2.bp.blogspot.com/-fTblnuN9gmQ/VGJIzQPLhII/AAAAAAAAAIQ/A27MuIWzl8k/s1600/1.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateX(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	19% {
	    opacity: 0;
	    transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-home:before, .icon-play:before, .icon-phone:before, .icon-reply:before, .icon-search:before, .icon-lock:before, .icon-link:before, .icon-sad:before, .icon-shocked:before, .icon-mail:before, .icon-mail-2:before, .icon-google:before, .icon-google-plus:before, .icon-google-plus-2:before, .icon-google-plus-3:before, .icon-google-plus-4:before, .icon-facebook:before, .icon-facebook-2:before, .icon-facebook-3:before, .icon-twitter:before, .icon-twitter-2:before, .icon-twitter-3:before, .icon-feed:before, .icon-feed-2:before, .icon-feed-3:before, .icon-youtube:before, .icon-youtube-2:before, .icon-vimeo:before, .icon-vimeo2:before, .icon-vimeo-2:before, .icon-lanyrd:before, .icon-flickr:before, .icon-flickr-2:before, .icon-flickr-3:before, .icon-flickr-4:before, .icon-github:before, .icon-wordpress:before, .icon-joomla:before, .icon-windows:before, .icon-android:before, .icon-finder:before, .icon-apple:before, .icon-yahoo:before, .icon-tumblr:before, .icon-tumblr-2:before, .icon-blogger:before, .icon-blogger-2:before, .icon-windows8:before, .icon-linkedin:before, .icon-lastfm:before, .icon-delicious:before, .icon-stumbleupon:before, .icon-paypal:before, .icon-pinterest:before, .icon-pinterest-2:before, .icon-stumbleupon-2:before, .icon-paypal-2:before, .icon-paypal-3:before, .icon-html5:before, .icon-file-css:before, .icon-file-xml:before, .icon-html5-2:before, .icon-css3:before, .icon-chrome:before, .icon-firefox:before, .icon-IE:before, .icon-opera:before, .icon-safari:before, .icon-IcoMoon:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-home:before {
	content: "\e000";
}
.icon-play:before {
	content: "\e001";
}
.icon-phone:before {
	content: "\e002";
}
.icon-reply:before {
	content: "\e003";
}
.icon-search:before {
	content: "\e004";
}
.icon-lock:before {
	content: "\e005";
}
.icon-link:before {
	content: "\e006";
}
.icon-sad:before {
	content: "\e007";
}
.icon-shocked:before {
	content: "\e008";
}
.icon-mail:before {
	content: "\e009";
}
.icon-mail-2:before {
	content: "\e00a";
}
.icon-google:before {
	content: "\e00b";
}
.icon-google-plus:before {
	content: "\e00c";
}
.icon-google-plus-2:before {
	content: "\e00d";
}
.icon-google-plus-3:before {
	content: "\e00e";
}
.icon-google-plus-4:before {
	content: "\e00f";
}
.icon-facebook:before {
	content: "\e010";
}
.icon-facebook-2:before {
	content: "\e011";
}
.icon-facebook-3:before {
	content: "\e012";
}
.icon-twitter:before {
	content: "\e013";
}
.icon-twitter-2:before {
	content: "\e014";
}
.icon-twitter-3:before {
	content: "\e015";
}
.icon-feed:before {
	content: "\e016";
}
.icon-feed-2:before {
	content: "\e017";
}
.icon-feed-3:before {
	content: "\e018";
}
.icon-youtube:before {
	content: "\e019";
}
.icon-youtube-2:before {
	content: "\e01a";
}
.icon-vimeo:before {
	content: "\e01b";
}
.icon-vimeo2:before {
	content: "\e01c";
}
.icon-vimeo-2:before {
	content: "\e01d";
}
.icon-lanyrd:before {
	content: "\e01e";
}
.icon-flickr:before {
	content: "\e01f";
}
.icon-flickr-2:before {
	content: "\e020";
}
.icon-flickr-3:before {
	content: "\e021";
}
.icon-flickr-4:before {
	content: "\e022";
}
.icon-github:before {
	content: "\e023";
}
.icon-wordpress:before {
	content: "\e024";
}
.icon-joomla:before {
	content: "\e025";
}
.icon-windows:before {
	content: "\e026";
}
.icon-android:before {
	content: "\e027";
}
.icon-finder:before {
	content: "\e028";
}
.icon-apple:before {
	content: "\e029";
}
.icon-yahoo:before {
	content: "\e02a";
}
.icon-tumblr:before {
	content: "\e02b";
}
.icon-tumblr-2:before {
	content: "\e02c";
}
.icon-blogger:before {
	content: "\e02d";
}
.icon-blogger-2:before {
	content: "\e02e";
}
.icon-windows8:before {
	content: "\e02f";
}
.icon-linkedin:before {
	content: "\e030";
}
.icon-lastfm:before {
	content: "\e031";
}
.icon-delicious:before {
	content: "\e032";
}
.icon-stumbleupon:before {
	content: "\e033";
}
.icon-paypal:before {
	content: "\e034";
}
.icon-pinterest:before {
	content: "\e035";
}
.icon-pinterest-2:before {
	content: "\e036";
}
.icon-stumbleupon-2:before {
	content: "\e037";
}
.icon-paypal-2:before {
	content: "\e038";
}
.icon-paypal-3:before {
	content: "\e039";
}
.icon-html5:before {
	content: "\e03a";
}
.icon-file-css:before {
	content: "\e03b";
}
.icon-file-xml:before {
	content: "\e03c";
}
.icon-html5-2:before {
	content: "\e03d";
}
.icon-css3:before {
	content: "\e03e";
}
.icon-chrome:before {
	content: "\e03f";
}
.icon-firefox:before {
	content: "\e040";
}
.icon-IE:before {
	content: "\e041";
}
.icon-opera:before {
	content: "\e042";
}
.icon-safari:before {
	content: "\e043";
}
.icon-IcoMoon:before {
	content: "\e044";
}